<template>
  <div>
    <!-- 描述列表 -->
    <el-descriptions direction="horizontal" :column="1" border>
      <el-descriptions-item
        :label="item.label"
        v-for="item in userInfo"
        :key="item.id"
      >
        {{ item.value }}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  name: "usrInfo",
  data() {
    return {
      // 体检人信息
      userInfo: [
        {
          id: 1,
          label: "用户名",
          value: "24062400002",
        },
        {
          id: 2,
          label: "人员姓名",
          value: "PPP",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
        {
          id: 3,
          label: "性别",
          value: "女",
        },
      ],
    };
  },
};
</script>

<style>
</style>